<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-3.2.1.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>

<title>Add Customer</title>
</head>
<body>

	<form method="post" id="customer_info_form">
		name: <input id="name" type="text" name="name"> <br /> sex: <input
			type="radio" name="sex" value="true" checked="checked"> 男 <input
			type="radio" name="sex" value="false">女 <br /> sal: <input
			id="sal" type="number" name="sal"> <br /> birthday: <input
			id="birth" type="date" name="birth"> <br /> <input
			id="add_one_customer" type="button" value="添加">
	</form>
	<hr>

	<h2>Current customers in database:</h2>
	<br />
	<table border="10px" id="customers_info_table">
		<tr>
			<td>ID</td>
			<td>name</td>
			<td>sex</td>
			<td>sal</td>
			<td>birth</td>
			<td>删除</td>
			<td>更新</td>
		</tr>
		<!-- 在下面填充信息 -->
	</table>


	<!-- 下面开始模态框部分 -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">修改信息</h4>
				</div>
				<div class="modal-body">

					<form method="post" id="update_customer_info_body">
						<input id="update_customer_id" type="hidden" name="name">
						name: <input id="update_customer_name" type="text" name="name"> <br />
						sex: <input id="update_customer_sex_true" type="radio" name="update_sex" value="true">
						男 <input id="update_customer_sex_false" type="radio" name="update_sex" value="false">女 <br />
						sal: <input id="update_customer_sal" type="number" name="sal"> <br />
						birthday: <input id="update_customer_birth" type="date" name="birth"> <br />
					</form>
				</div>

				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					<button id="confirm_update_customer" type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
	</div>
	
	<script src="js/my.js"></script>
	
</body>
</html>